<template>
    <div class="footer">
       <ul class="unce">
           <router-link tag="li" to="/home">首页</router-link>
           <router-link tag="li" to="/fill">推荐</router-link>
           <router-link tag="li" to="/myhash">我的</router-link>
       </ul>
    </div>
</template>


<script>
export default {
    
}
</script>


<style scoped>
    .unce{
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        display: flex;
        justify-content: space-between;
    }
    .unce li{
        text-align: center;
        font-size: .875rem;
        background: #ccc;
        border-radius: 10px;
    }
    .unce li:hover{
        color: red;
    }
    
</style>